<script setup>
import RightTop from "./rightTop.vue";
import RightMiddle from "./rightMiddle.vue";
import ItemWrap from "@/components/item-wrap";
import { useIconStore } from "@/stores/icon-list.js";
const iconStore = useIconStore();
onMounted(() => {});
</script>

<template>
    <div class="contain" :style="{ right: iconStore.positionWisth }">
        <ItemWrap class="contetn_left-bottom contetn_lr-item" title="客户服务">
            <RightTop />
        </ItemWrap>
        <ItemWrap class="contetn_left-center contetn_lr-item" title="热线服务">
            <RightMiddle />
        </ItemWrap>
    </div>
</template>

<style lang="scss" scoped>
.contain {
    width: 600px;
    height: 93%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 8%;
    right: 20px !important;
    border-radius: 6px;
    // transition: all var(--el-transition-duration);
    z-index: 9;
}

.contetn_lr-item {
    // min-height: 30%;
    width: 100%;
    margin-bottom: 20px;
}
</style>
